<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Coffee Story</title>
	<link type="text/css" rel="stylesheet" href="css/index.css">
	<link rel="icon" href="favicon.ico">
	<style>
		:root{
			--typeSpeed:4s;
			--strLength:24;
			--bg-color:#F3E2CE;
			--font-color:hsla(29,100%,18%,1.00);
		}
	</style>
</head>

<body>
	<div class="container">
		<div class="topnav">
		<ul class="guider">
			<li style="width: 16%;margin-right: 15px"><img src="image/Logo_Plus_xie.gif" alt="Logo" width="100%"></li>
			<li><a href="index.html">首页</a></li>
			<li class="button">
				<a style="cursor: pointer">咖啡知识</a>
				<ul>
					<li><a href="subpage/history.html">咖&ensp;啡&ensp;历&ensp;史</a></li>
					<li><a href="subpage/cultivation.html">咖&ensp;啡&ensp;培&ensp;植</a></li>
					<li class="lastbutton"><a href="subpage/roast.html">咖&ensp;啡&ensp;烘&ensp;焙</a></li>
				</ul>
			</li>
			<li class="button">
				<a style="cursor: pointer">咖啡品鉴</a>
				<ul>
					<li><a href="subpage/brew.html">咖&ensp;啡&ensp;调&ensp;制</a></li>
					<li><a href="subpage/pourover.html">手&ensp;冲&ensp;咖&ensp;啡</a></li>
					<li class="lastbutton"><a href="subpage/tasting.html">咖&ensp;啡&ensp;品&ensp;尝</a></li>
				</ul>
			</li>
			<li class="button">
				<a style="cursor: pointer">花式咖啡</a>
				<ul>
					<li><a href="subpage/latteart.html">咖&ensp;啡&ensp;拉&ensp;花</a></li>
					<li class="lastbutton"><a href="subpage/formula.html">配&ensp;方&ensp;做&ensp;法</a></li>
				</ul>
			</li>
			<li><a href="subpage/goodtimes.html">发展历程</a></li>
			<li><a href="subpage/aboutus.html">关于我们</a></li>
		</ul>
		<span class="login"><a href="subpage/login.html">登录</a></span><br><br><br>
		<hr color="#D6BD9F" size="2" style="margin: 0">
		</div>
		<div class="picshow">
				<img src="image/lun1.gif" alt="lun1">
				<img src="image/lun2.gif" alt="lun2">
				<img src="image/lun3.gif" alt="lun3">
				<img src="image/lun4.gif" alt="lun4">
				<img src="image/lun5.gif" alt="lun5">
			<div class="picright"><a href="#p4"><h1>＞</h1></a></div>
			<div class="picleft"><a href="#p3"><h1>＜</h1></a></div>
		</div>
		<div class="welcome">
			<h1 class="welcometxt">Welcome to Coffee Story!</h1>
		</div>
		<div class="specialbg"></div>
		<div class="beansort">
			<h2>咖&emsp;啡&emsp;豆&emsp;主&emsp;要&emsp;品&emsp;种</h2>
			<div>
				<img src="image/Typica.gif" alt="Typica">
				<p><strong>| 铁皮卡（Typica）</strong><br><br>&emsp;&emsp;铁皮卡原产于埃塞俄比亚及苏丹的东南部，是众多阿拉比卡种之中最古老的咖啡品种之一。现在我们所见到的阿拉比卡咖啡品种大多衍生自铁皮卡品种。<b>铁皮卡咖啡豆型椭圆，豆身较细长饱满，</b>有着干净的口感以及清幽干净的风味特点。</p>
			</div>
			<div>
				<img src="image/Bourbon.gif" alt="Bourbon">
				<p><strong>| 波旁（Bourbon）</strong><br><br>&emsp;&emsp;波旁是铁皮卡的自然变种，其咖啡豆最大的变化是由铁皮卡品种的长身变成了圆身。波旁咖啡最初栽种于巴西留尼汪岛，当地在1789年前也被称做波旁岛（le Bourbon），故而咖啡品种也被命名为“波旁”。<b>波旁咖啡豆型短圆，豆身厚实，</b>有着顺滑的口感以及甜感明显的风味特点。<br>&nbsp;</p>
			</div>
			<div>
				<img src="image/Geisha.gif" alt="Geisha">
				<p><strong>| 瑰夏（Geisha）</strong><br><br>&emsp;&emsp;瑰夏来自埃塞俄比亚的瑰夏森林。瑰夏咖啡与其他品种相比最大的特点就是产量极少，其形状特点表现为咖啡树枝节点长，节点与节点之间的距离长，咖啡树开花少挂果少。<b>瑰夏咖啡豆型细长，豆身两头尖，中间肥硕饱满。</b></p>
			</div>
			<div>
				<img src="image/Caturra.gif" alt="Caturra">
				<p><strong>| 卡杜拉（Caturra）</strong><br><br>&emsp;&emsp;卡杜拉是波旁品种的自然变种。卡杜拉植株枝干间隔很近，果实体型较波旁小，这使得在相同空间里产出更多的果实，咖啡果实的产量也会大大提高。<b>卡杜拉旁咖啡豆型圆而长，豆身尾端有弯度，</b>有着明亮干净的口感以及甜感明显的风味特点。</p>
			</div>
			<div>
				<img src="image/Catuai.gif" alt="Catuai">
				<p><strong>| 卡杜艾（Catuai）</strong><br><br>&emsp;&emsp;卡杜艾是卡杜拉和新世界的人工培育杂交品种。卡杜艾继承了新世界高产量、抗病性强、杯测品种佳的属性，继承了卡杜拉体型小，优质酸感、曝晒咖啡的属性。<b>卡杜艾咖啡豆体型椭圆扁平，豆身尾端部分则比较细长，</b>有着柔和的酸质和干净的口感以及丰富的水果芳香。</p>
			</div>
			<div>
				<img src="image/SL28&SL34.gif" alt="SL28&SL34">
				<p><strong>| SL28＆SL34</strong><br><br>&emsp;&emsp;在1935-1939年期间，斯科特实验室选择了42棵不同产地的品种，围绕多维度进行了研究。<b>SL28来自波旁基因群组，豆型短圆，豆身厚实，</b>有着酸质上扬以及甜度明显的风味特点。<b>SL34来自铁皮卡基因群组，豆型椭圆，侧面显得比较扁平，</b>有着酸甜均衡饱满以及焦糖余韵的风味特点。</p>
			</div>
		</div>
		<div class="recommend">
			<h2>咖&emsp;啡&emsp;小&emsp;讲&emsp;堂</h2>
			<a href="subpage/cultivation.html"><div>
				<img src="image/cultivation.jpg" alt="cultivation">
				<p>咖啡的起源与培植</p>
			</div></a>
			<a href="subpage/brew.html"><div>
				<img src="image/brew.gif" alt="brew">
				<p>咖啡调制</p>
			</div></a>
			<a href="subpage/roast.html"><div>
				<img src="image/roast.jpg" alt="roast">
				<p>咖啡烘焙</p>
			</div></a>
		</div>
		<div class="specialbg2"></div>
		<div class="streamtitle"><h2>时&emsp;光&emsp;掠&emsp;影</h2></div>
		<div class="shell">
        	<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7vLAP.jpg" alt="sp1" border="0"></div>
        	<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7vXh8.jpg" alt="sp2" border="0"></div>
    	    <div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7vx1g.png" alt="sp3" border="0"></div>
    	    <div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7vv9S.png" alt="sp4" border="0"></div>
    	    <div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/OHSHB9.png" alt="sp5" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/OHSb7R.png" alt="sp6" border="0"></div>
    	    <div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7x9ns.jpg" alt="sp7" border="0"></div>
    	    <div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7vzcQ.jpg" alt="sp8" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xKBR.png" alt="sp9" border="0"></div>
    	    <div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/OHw9Mt.png" alt="sp10" border="0"></div>
    	    <div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xCBn.jpg" alt="sp11" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xP7q.jpg" alt="sp12" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xFA0.jpg" alt="sp13" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xV9U.png" alt="sp14" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/OHSEy4.png" alt="sp15" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xZ3F.jpg" alt="sp16" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xmjJ.jpg" alt="sp17" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xuu9.jpg" alt="sp18" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xMH1.jpg" alt="sp19" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7xlAx.jpg" alt="sp20" border="0"></div>
			<div class="imagestream"><img src="https://s1.ax1x.com/2022/05/19/O7x1N6.png" alt="sp21" border="0"></div>
		</div>		
		<div class="bottom">
			<hr color="#D5954E" size="8">
			<a href="subpage/contactus.html">联系我们</a>&emsp;|&emsp;
			<a href="#">返回顶部</a>&emsp;|&emsp;
			<a href="subpage/feedback.html">用户反馈</a><br>
			Copyright © 2022 YoRHa_CHQ All Rights Reserved
		</div>
	</div>
</body>
</html>